import React, { Component } from 'react'
import CheckZi from "./checkZi.jsx"
export default class checkFu extends Component {
    constructor(props){
        super(props)
        this.state={
            arr:[
                // 逆向传值过来，指定位置的style取个返
                {name:"123",style:false},
                {name:"432",style:false},
                // {name:"432",style:true},//为真之后，变色了，留意三元运算符
                {name:"234",style:false},
                {name:"545",style:false}
                // 有了数据，第一步去子组件遍历
            ]
        }
    }
    // 下边写的是子组件传递过来的数据
    fuFun=(num)=>{
        // console.log(`子组件传递的数据是${num}`)

        let newArr=this.state.arr;  //把this.state.arr赋给新的newArr
        newArr[num].style=!newArr[num].style;//取反  
        this.setState({
            arr:newArr
        })
    }
    render() {
        return (
            <div>
               <h1>FUFUFUFU</h1>
               <CheckZi ziArr={this.state.arr} ziFun={this.fuFun}/> 
            </div>
        )
    }
}

